<template>
  <view v-if="params.url">
    <web-view :webview-styles="webviewStyles" :src="`${params.url}`"></web-view>
  </view>
</template>

<script>
	
  export default {
    data() {
      return {
        params: {},
        webviewStyles: {
          progress: {
            color: "#FF3333"
          }
        },
      }
    },
    props: {
      src: {
        type: [String],
        default: null
      }
    },
	methods: {
    onLoad(event) {
      this.params = event
      if (event.title) {
        uni.setNavigationBarTitle({
          title: event.title
        })
      }
    }
  },
  }
</script>
<style>
  .container {
    display: flex;        /* 使用Flex布局 */
    justify-content: center; /* 水平居中 */
    align-items: center;     /* 垂直居中 */
    height: 100%;           /* 高度设置为100% */
  }
</style>


